@import '../base/variables.less';
@import '../mixins/border-radius.less';
.el-input__suffix {
	line-height: initial;
}
.container-scroll-wrapper {
	.input-group {
		position: relative; // For dropdowns
		display: table;
		border-collapse: separate;

		// Undo padding and float of grid classes
		&[class*='col-'] {
			float: none;
			padding-left: 0;
			padding-right: 0;
		}

		.form-control {
			position: relative;
			z-index: 2;
			float: left;

			width: 100%;
			margin-bottom: 0;
		}
	}

	.form-control {
		display: block;
		width: 100%;
		height: @inputH; // Make inputs at least the height of their button counterpart (base line-height + padding + border)
		padding: @inputP-v @inputP-h;
		font-size: 14px;
		line-height: @inputH;
		color: #333;
		background-image: none;
		&[disabled],
		fieldset[disabled] & {
			background-color: @lightGrey;
			opacity: 1;
		}

		&[readonly] {
			background-color: @whiteGrey;
			opacity: 1;
		}

		&[disabled],
		fieldset[disabled] & {
			cursor: default;
		}

		// Reset height for `textarea`s
		textarea& {
			height: auto;
		}

		&.has-delete {
			position: relative;
			&::after {
				content: 'X';
				position: absolute;
			}
		}
	}

	.form-inline {
		// Kick in the inline
		@media (min-width: @screen-sm-min) {
			// Inline-block all the things for "inline"
			.form-group {
				display: inline-block;
				vertical-align: middle;
			}

			// In navbar-form, allow folks to *not* use `.form-group`
			.form-control {
				display: inline-block;
				width: auto; // Prevent labels from stacking above inputs in `.form-group`
				vertical-align: middle;
			}

			// Make static controls behave like regular ones
			.form-control-static {
				display: inline-block;
			}

			.input-group {
				display: inline-table;
				vertical-align: middle;

				.input-group-addon,
				.input-group-btn,
				.form-control {
					width: auto;
				}
			}

			// Input groups need that 100% width though
			.input-group > .form-control {
				width: 100%;
			}

			.control-label {
				margin-bottom: 0;
				vertical-align: middle;
			}

			// Remove default margin on radios/checkboxes that were used for stacking, and
			// then undo the floating of radios and checkboxes to match.
			.radio,
			.checkbox {
				display: inline-block;
				margin-top: 0;
				margin-bottom: 0;
				vertical-align: middle;

				label {
					padding-left: 0;
				}
			}
			.radio input[type='radio'],
			.checkbox input[type='checkbox'] {
				position: relative;
				margin-left: 0;
			}

			// Re-override the feedback icon.
			.has-feedback .form-control-feedback {
				top: 0;
			}
		}
	}

	.input-group-addon,
	.input-group-btn,
	.input-group .form-control {
		display: table-cell;

		&:not(:first-child):not(:last-child) {
			border-radius: 0;
		}
	}
	// Addon and addon wrapper for buttons
	.input-group-addon,
	.input-group-btn {
		width: 1%;
		white-space: nowrap;
		vertical-align: middle; // Match the inputs
	}

	// Text input groups
	// -------------------------
	.input-group-addon {
		padding: @inputP-v @inputP-h;
		font-size: 14px;
		font-weight: normal;
		line-height: 1;
		color: @lightBlack;
		text-align: center;
		background-color: @whiteGrey;
		border: 1px solid @greycc;
		border-radius: @baseBorderRadius;

		// Nuke default margins from checkboxes and radios to vertically center within.
		input[type='radio'],
		input[type='checkbox'] {
			margin-top: 0;
		}
	}

	// Reset rounded corners
	.input-group .form-control:first-child,
	.input-group-addon:first-child,
	.input-group-btn:first-child > .btn,
	.input-group-btn:first-child > .btn-group > .btn,
	.input-group-btn:first-child > .dropdown-toggle,
	.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
	.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
		.border-right-radius(0);
	}
	.input-group-addon:first-child {
		border-right: 0;
	}
	.input-group .form-control:last-child,
	.input-group-addon:last-child,
	.input-group-btn:last-child > .btn,
	.input-group-btn:last-child > .btn-group > .btn,
	.input-group-btn:last-child > .dropdown-toggle,
	.input-group-btn:first-child > .btn:not(:first-child),
	.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
		.border-left-radius(0);
	}
	.input-group-addon:last-child {
		border-left: 0;
	}

	.form-group {
		&.flex-group {
			margin-bottom: 16px;
			width: 100%;
			.span-control {
				word-break: break-all;
			}
			.flex1 {
				-webkit-flex: 1;
				flex: 1;
			}
			.flex2 {
				-webkit-flex: 2;
				flex: 2;
			}
			.flex3 {
				-webkit-flex: 3;
				flex: 3;
			}
			.flex4 {
				-webkit-flex: 4;
				flex: 4;
			}
			.flex5 {
				-webkit-flex: 5;
				flex: 5;
			}
			.flex6 {
				-webkit-flex: 6;
				flex: 6;
			}
			.flex7 {
				-webkit-flex: 7;
				flex: 7;
			}
			.flex8 {
				-webkit-flex: 8;
				flex: 8;
			}
			.flex9 {
				-webkit-flex: 9;
				flex: 9;
			}
			.flex10 {
				-webkit-flex: 10;
				flex: 10;
			}
		}
	}

	.el-select {
		.el-input__inner {
			padding-right: 34px;
		}
	}

	.el-input__inner {
		.form-control;
		display: flex;
		align-items: center;
	}

	.el-input.el-input-group--append.el-input-group--prepend {
		.el-input__inner {
			border-radius: 0;
		}
	}

	.zb-form {
		.date-form-item.w350 {
			.el-input__inner {
				width: 350px;
			}
		}
	}

	.el-select .el-select__caret {
		line-height: 1.5;
	}

	.el-date-editor {
		.el-input__inner {
			padding-left: 30px;
		}
	}

	.el-input__icon {
		width: 30px;
		line-height: 1;
		cursor: pointer;
	}

	.el-input-number--small {
		line-height: 28px;
	}

	.el-date-editor .el-range-separator {
		line-height: 1;
	}

	.form-group .el-input__icon + .el-input__inner {
		padding-right: 30px;
	}

	.el-form-item__label {
		padding: 0px;
	}
}

.modal-body {
	//模态框里面的form表单相关样式
	.el-form {
		width: 90%;
		margin: auto;
		font-size: 14px !important;
		.el-form-item {
			margin-bottom: 16px;
			.el-textarea {
				font-size: 14px !important;
			}
			&.form-item-inline {
				> .el-form-item__content {
					line-height: 32px !important;
					font-size: 14px !important;
					display: flex;
				}
			}
			.el-form-item__content {
				font-size: 14px !important;
				line-height: 32px !important;
				text-align: left;
				.el-form-item__error {
					font-size: 10px;
					padding-top: 1px;
				}
				> label {
					&.el-radio {
						margin-right: 20px;
					}
				}
				.el-select {
					width: 100%;
				}
				.el-input {
					&.is-disabled {
						> .el-input__inner {
							color: #474747;
						}
					}
				}
			}
			&.is-required {
				.el-form-item__label {
					&:before {
						position: absolute;
						top: 0;
						left: -12px;
					}
				}
			}
			> .el-form-item__label {
				height: 32px !important;
				line-height: 32px !important;
				font-size: 14px !important;
			}
			.el-input {
				display: inline-block;
				width: -webkit-fill-available;
			}
		}
	}

	.ake_btn {
		height: 32px !important;
		line-height: 32px !important;
		padding: 0 12px !important;
		font-size: 14px !important;
	}
}

.el-radio__label {
	padding-left: 6px;
}
